<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'detail.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<style type="text/css">
#detail_headimg {
	float: left;
	margin-left: 2%;
	width: 12%;
	height: 15%;
	background-color: white;
}

#detail_headtable {
	float: right;
	width: 80%;
	height: 15%;
	margin-right: 2%
}

#detail_headtable table {
	width: 100%;
	height: 100%;
	font-size: 13px;
	line-height: 200%;
}

#t1 {
	border-top: solid 1px #696969;
	border-bottom: solid 1px #696969;
}

.detail_td1 {
	color: #696969;
	text-align: center;
}

.detail_td2 {
	text-align: left;
}

.detail_buttom {
	width: 100%;
	height: 85%;
}

.detail_title {
	height:3%;
	width: 20%;
	margin-bottom: 1%;
	line-height: 20px;
	font-weight: 800;
	font-size: 14px;
	background-color: white;
	color: #696969;
}

#detail_settable {
	height: 15%;
}

#detail_settable table {
	width: 60%;
	height: 80%;
	margin-left: 6%;
	font-size: 13px;
}

#t2 {
	border-bottom: solid 1px #696969;
}

#detail_setbutton {
	height: 20%;
}

#detail_setbutton button {
	float: right;
	padding: 1px 18px;
	margin-right: 3%;
}

.detail_bottom_zhuti {
	height: 50%;
}
</style>

<script type="text/javascript" src="./plugin/jqueryqrcode/src/jquery.min.js"></script>
<script type="text/javascript">
// 	alert(top.window.modeldata);
	$(document).ready(function(){
		var obj = eval("("+top.window.modeldata+")");
		$('#userAccount').html(obj.userAccount);//牛号
		$('#userName').html(obj.userName);//用户名
		//遍历手机号
		for(var i=0;i<obj.userPhone.length;i++){
			$('#userPhone').html(obj.userPhone[i]);
// 			$('#userPhone').html(obj.userPhone);
		}
		$('#loginNum').html(obj.loginNum);
		//会员
		if(obj.vip.result==1){
			$('#result').html("是");
			$('#payMoney').html(obj.vip.payMoney);//金额
		}else{
			$('#result').html("无");
			$('#payMoney').html("无");
		}
		//套餐
		if(obj.combo.result==1){
			$('#combo').html("是");
			$('#memberType').html(obj.combo.memberType);//类型
			$('#comboMoney').html(obj.combo.payMoney);//金额
			$('#endTimg').html(obj.combo.endTimg);//到期时间
		}else{
			$('#combo').html("无");
			$('#memberType').html("无");
			$('#comboMoney').html("无");
			$('#endTimg').html("无");
		}
		$('#payTime').html(obj.payTime);//购买时长
		$('#boonTime').html(obj.boonTime);//福利时长
	});
</script>

</head>
<body>
	<div class="detail_title">个人信息:</div>
	<div id="detail_headimg">
		<img alt="用户头像" src="" style="width: 100%; height: 100%">
	</div>
	<div id="detail_headtable">
		<table >
			<tr>
				<td class="detail_td1">牛号id:</td>
				<td class="detail_td2" id="userAccount"></td>
				<td class="detail_td1">昵称:</td>
				<td class="detail_td2" id="userName"></td>
				<td class="detail_td1">手机号:</td>
				<td class="detail_td2" id="userPhone"></td>
			</tr>
			<tr id="t1">
				<td class="detail_td1">登录次数</td>
				<td class="detail_td2" id="loginNum"></td>
			</tr>
			<tr>
				<td class="detail_td1">会员:</td>
				<td class="detail_td2" id="result"></td>
				<td class="detail_td1">会员金额:</td>
				<td class="detail_td2" id="payMoney"></td>
			</tr>
			<tr>
				<td class="detail_td1">套餐:</td>
				<td class="detail_td2" id="combo"></td>
				<td class="detail_td1">类型</td>
				<td class="detail_td2" id="memberType"></td>
				<td class="detail_td1">交款金额</td>
				<td class="detail_td2"  id="comboMoney"></td>
				<td class="detail_td1">到期时间</td>
				<td class="detail_td2" id="endTimg"></td>
			</tr>
			<tr>
				<td class="detail_td1">购买时长</td>
				<td class="detail_td2" id="payTime"></td>
				<td class="detail_td1">福利时长</td>
				<td class="detail_td2" id="boonTime"></td>
			</tr>
		</table>
	</div>
	<div style="clear: both;"></div>
<!-- 	<div class="detail_title">账号设置:</div> -->
<!-- 	<div id="detail_settable"> -->
<!-- 		<table> -->
<!-- 			<tr id="t2"> -->
<!-- 				<td class="detail_td1">权限:</td> -->
<!-- 				<td class="detail_td1">角色:</td> -->
<!-- 				<td><select> -->
<!-- 						<option>用户</option> -->
<!-- 						<option>系统管理员</option> -->
<!-- 						<option>运营管理员</option> -->
<!-- 						<option>广告管理员</option> -->
<!-- 				</select></td> -->
<!-- 				<td class="detail_td1">管理范围:</td> -->
<!-- 				<td><select> -->
<!-- 						<option>无</option> -->
<!-- 						<option>全范围</option> -->
<!-- 						<option>深大</option> -->
<!-- 						<option>深职院</option> -->
<!-- 				</select></td> -->
<!-- 			</tr> -->
<!-- 			<tr> -->
<!-- 				<td class="detail_td1">使用:</td> -->
<!-- 				<td class="detail_td1">账号黑名单:</td> -->
<!-- 				<td>&nbsp;<input type="radio">y&nbsp; <input -->
<!-- 					type="radio">n</td> -->
<!-- 				<td class="detail_td1">账号禁用:</td> -->
<!-- 				<td>&nbsp;<input type="radio">y&nbsp; <input -->
<!-- 					type="radio">n</td> -->
<!-- 			</tr> -->
<!-- 		</table> -->
<!-- 		<div id="detail_setbutton"> -->
<!-- 			<button>保存</button> -->
<!-- 			<button>还原</button> -->
<!-- 		</div> -->
<!-- 	</div> -->
<!-- 	<div class="detail_title">wifi服务记录:</div> -->
<!-- 	<div class="detail_bottom_zhuti">待数据完善..........</div> -->

</body>

</html>
